<template>
	<view class="login-page uni-flex uni-flex-item uni-column">
		<view class="login-item uni-flex  uni-column">
			<image class="login-logo" src="../../static/image/login/logo.png"></image>
			<text style="font-size: 30rpx;">• 缘 分 从 遇 见 开 始 •</text>
		</view>
		<view  class="login-item uni-flex uni-column">
			<button type="primary" class="login-login-btn" @tap="wxLoginBtnClick">微 信 授 权 登 录</button>
			<text class="iconfont icon-wechat" style="font-size: 50rpx;"></text>
		</view>

	</view>
</template>

<script>
	export default {
		props: {
			onWxLogin: {
				type: Function,
				default: function () {
				}
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
            wxLoginBtnClick(){
            	this.onWxLogin()
			}

		}
	}
</script>

<style>

	.login-page{
		justify-content: space-around;
		background-image: url("../../static/image/login/login-bg.jpg");
		background-size: 100%;
	}
	.login-item{
		align-items: center;
	}
	.login-item image.login-logo{
		width:400rpx;
		height:400rpx;
	}
	.login-item text{
		color: white;
	}
	.login-item .login-login-btn{
		width:60%;
		font-size: 32rpx;
		background: transparent;
		border-style: solid ;
		border-color: white;
		border-width: 1px;
	}
</style>
